page-product-statistics {
  .content {
    .scroll-content{
      background: #f3f8ff;
      .modechange{
        padding: 0;
        .col{
          padding: 0;
          border-bottom: 3px solid #fff;
          .button{
            margin: 0;
            color: #000;
            background: #fff;
            box-shadow: none;
          }
          &.active{
            border-bottom: 3px solid #488aff;
          }
        }
        .timeandline{
          border-top: 1px solid #c8c7cc;
          .col{
            border-bottom: none;
            .item{
              padding-left: 0;
              min-height: 0;
              height: 42px;
              background: #fff;
              .label{
                text-align: center;
              }
              .select-text{
                display: none;
              }
            }
            &:first-child{
              border-right: 1px solid #c8c7cc;
            }
            #datetime{
              .datetime-text{
                color: #999;
              }
            }
          }
        }
      }
      .list{
        margin-bottom: 0;
        margin-top: 15px;
        .item{
          padding: 0;
          .select-text{
            display: none;
          }
          .label{
            padding-left: 7px;
          }
        }
      }
      // 总况查看
      .gridlabel{
        padding: 0;
        display:flex;
        background: #fff;
        div{
          flex: 1;
          p{
            text-align: center;
          }
          & p:first-child{
            font-weight: bold;
            font-size: 1.4em;
            margin: 14px;
          }
        }
        & div:nth-child(1){
          border-right: 1px solid #f2f2f2;
          & p:first-child{
            color: #007af6;
          }
        }
        & div:nth-child(2){
          border-right: 1px solid #f2f2f2;
          & p:first-child{
            color: #9ad68a;
          }
        }
        & div:nth-child(3){
          border-right: 1px solid #f2f2f2;
          & p:first-child{
            color: #9ad68a;
          }
        }
      }
      .productdetails{
        // padding: 0;
        // border-top: 1px solid #efefef;
        // border-bottom: 1px solid #efefef;
        .producthead{
          font-size: 17px;
          border-bottom: 1px solid #f1f1f1;
          p{
            padding: 10px 0 10px 20px;
            margin: 0;
            .subtitle{
              font-size: 16px;
              color: rgb(160, 160, 160);
              margin: 0 10px;
            }
            .titlenumber{
              font-size: 16px;
              color: #595757;
              font-weight: bold;
            }
          }
        }
        .productcontent{
          overflow: hidden;
          border-bottom: 1px solid #efefef;
          div{
            float:left;
            width:50%;
            padding-left: 20px;
            border-bottom: 1px solid #efefef;
            p:nth-child(1){
              font-size: 16px;
              color: rgb(160, 160, 160);
            }
            p:nth-child(2){
              font-size: 14px;
              color: #595757;
              span{
                padding: 0 10px;
                margin-left: 10px;
                text-align: right;
                background: #efefef;
              }
            }
            p:nth-child(3){
              font-size: 14px;
              color: #595757;
              span{
                padding: 0 10px;
                margin-left: 15px;
                text-align: right;
                background: #efefef;
              }
            }
            &:nth-child(2n+1){
              border-right: 1px solid #efefef;
            }
          }
        }
      }
      // 饼图区域
      .piearea{
        height: 300px;
        .slide-zoom{
          height: 100%;
          div{
            height: 320px;
          }
        }
        &.slides-ios{
          .swiper-pagination{
            bottom: 50px!important;
          }
        }
        &.slides-md{
          .swiper-pagination{
            bottom: 60px!important;
          }
        }
        &.oneslide{
          .swiper-pagination{
            display: none;
          }
        }
      }
    }
  }
}
